<template>
  <b-container fluid>
    <!-- 上半部分 -->
    <b-row class="header">
      <b-col sm="4">
        <b-img
          thumbnail
          left
          src="https://s1.imagehub.cc/images/2022/06/08/ed61b573006b17219bb75dfe0ae0b5ca.webp"
          style="max-height: 150px; max-width: 150px; margin: 5%"
        />
      </b-col>
      <b-col sm="5" style="font-size: 18px; text-align: left">
        <b-row class="mt-2">
          <span>登录名:{{}}</span>
        </b-row>
        <b-row class="mt-2">
          <span>昵称:{{}}</span>
        </b-row>
        <b-row class="mt-2">
          <span>性别:{{}}</span>
        </b-row>
        <b-row class="mt-2">
          <span>入站时间:{{}}</span>
        </b-row>
        <b-row class="mt-2">
          <span>个性签名:{{}}</span>
        </b-row>
      </b-col>
      <b-col></b-col>
      <b-col sm="2" style="font-size: 18px; text-align: right">
        <b-row>
          <b-link class="linkStyle">
            编辑
            <b-icon icon="pencil"/>
          </b-link>
        </b-row>
      </b-col>
    </b-row>
    <!-- 下半部分 -->
    <b-row class="mt-4" style="text-align: left; font-size: 18px">
      <b-row>
        <b-col sm="3">
          <span>我的等级:{{ "lv150" }}</span>
        </b-col>
        <b-col class="mt-1">
          <b-progress style="width: 50%" show-progress value="75" max="100" />
        </b-col>
      </b-row>
      <b-row class="mt-2">
        <span>绑定邮箱:{{}}</span>
      </b-row>
      <b-row class="mt-2">
        <span>获得点赞:{{}}</span>
      </b-row>
      <b-row class="mt-2">
        <span>粉丝:{{}}</span>
      </b-row>
      <b-row class="mt-2">
        <span>关注:{{}}</span>
      </b-row>
      <b-row class="mt-2">
        <span>动态总数:{{}}</span>
      </b-row>
      <b-row class="mt-2">
        <span>我发出的评论总数:{{}}</span>
      </b-row>
    </b-row>
  </b-container>
</template>

<script>
export default {
  name: "EditorMyself",
  data() {
    return {};
  },
};
</script>

<style scoped lang="css">
.header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.454);
}
</style>